<template>
  <div>
    <svg :width="config.width" :height="config.height">
      <rect width="100%" height="100%" :fill="config.color"></rect>
    </svg>
  </div>
</template>

<script>
  export default {
    name: 'SvgTest',
    props: {
      config: {
        type: Object,
        default: function () {
          return {
            color: 'red',
            width: '100%',
            height: '30'
          }
        }
      }
    }
    // data() {
    //   return {
    //     config: {
    //       color: 'red',
    //       width: '100%',
    //       height: '30'
    //     }
    //   }
    // }
  }
</script>
